<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="./css/commen.css">
    <!-- 主要公共样式 -->
    <link rel="stylesheet" href="./css/maincom.css">
    <!-- 引入当前样式表 -->
    <link rel="stylesheet" href="./css/division.css">


    <script src="./lib/jquery-1.11.0.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div id="head">
        <div class="container-fluid">
            <!-- 欢迎语 -->
            <div class="head-top container clearfix:after">
                <p class="fl cfff">乐购www.legou.com</p>
                <p class="fr">
                    <span class="cfff">欢迎光临乐购</span>
                    <span class="cfff">请
                        <a href="" class="cfeb80f">登录</a> <a href="" class="cfeb80f">注册</a>
                    </span>
                </p>
            </div>
        </div>
        <!-- logo 搜索  导航栏部分 -->
        <div class="head-bottom bgcfff">
            <div class="container">
                <!-- logo图片 -->
                <div class="logo fl clearfix"></div>
                <div class="fr">
                    <div class="box">
                        <!-- 搜索框 -->
                        <div class="search fl clearfix">
                            <input type="text" placeholder="请输入搜索的商品名" class="txt ">
                            <input type="button" class="btn fr">
                            <img src="./imgs/搜索.png" alt="">
                        </div>
                        <!-- 购物车 -->
                        <button class="cart cfeb80f">
                            <a href="./shopCar.html" class="cfeb80f">
                                <img src="./imgs/购物车.png" alt="">
                                购物车
                                <span class="cfff">0</span>
                            </a>
                        </button>
                        <!-- 订单 -->
                        <button class="order_form">
                            我的订单
                        </button>
                    </div>

                    <div class="nav">
                        <a>图书</a>
                        <a>电子书</a>
                        <a>原创文学</a>
                        <a>服装</a>
                        <a>户外运动</a>
                        <a>孕婴童</a>
                        <a>家具</a>
                        <a>创意文具</a>
                        <a>地方特产</a>
                        <a>海外购</a>
                        <a>电器城</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- banner -->
    <div id="banner">
        <!-- banner列表部分 -->
        <div class="bannerM container">
            <div class="list cfff">
                <h1 class="t-center f-24">潮流新区</h1>
                <div class="listbtm">
                    <div>
                        <p class="fs16">大家都在穿</p>
                        <ul>
                            <li>当季新品</li>
                            <li>商场同款</li>
                            <li>天猫独家</li>
                            <li>连衣裙</li>
                            <li>卫衣</li>
                            <li>短外套</li>
                            <li>衬衫</li>
                            <li>气质套装</li>
                            <li>卫衣</li>
                            <li>毛衣</li>
                            <li>羽绒服</li>
                        </ul>
                    </div>
                    <div>
                        <p class="fs16">品质上装</p>
                        <ul>
                            <li>当季新品</li>
                            <li>商场同款</li>
                            <li>天猫独家</li>
                            <li>连衣裙</li>
                            <li>卫衣</li>
                            <li>短外套</li>
                            <li>衬衫</li>
                        </ul>
                    </div>
                    <div>
                        <p class="fs16">特色服饰</p>
                        <ul>
                            <li>时尚套装</li>
                            <li>休闲套装</li>
                            <li>妈妈装</li>
                            <li>大码女装</li>
                            <li>卫衣</li>
                            <li>套装裙</li>
                            <li>皮草</li>
                            <li>雪纺长裙</li>
                            <li>短裤</li>
                            <li>哈伦裤</li>
                            <li>风衣</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 主要内容 -->
    <div id="main">
        <div class="container">
            <!-- 广告部分 -->
            <div class="ads">
                <!-- 广告上面部分 -->
                <div class="adsT">
                    <!-- 左边 -->
                    <div class="adsL fl clearfix">
                        <div class="til1 bgcfff">
                            <p class="f-24 fl clearfix">品牌闪购</p>
                            <img src="./images/1-专区页_03.png" alt="" class="fr clearfix">
                        </div>
                        <div class="pic1">
                            <div class="boxC">
                                <div class="boxmin fl ">
                                    <img src="./images/1-专区页_06.png" alt="" class="img">
                                </div>
                                <p class="cfff fs16">初秋时尚</p>
                                <p class="cfff">全场3折起</p>
                            </div>
                        </div>
                    </div>
                    <!-- 中间 -->
                    <div class="adsM fl clearfix">
                        <div class="til2 bgcfff">
                            <p class="f-24 fl clearfix">聚名品<span class="f-12 ml">LUXURY&nbsp;CHANNREL</span></p>
                            <img src="./images/1-专区页_03.png" alt="" class="fr clearfix">
                        </div>
                        <div class="pic2">
                            <div class="box2">
                                <div class="boxmin2 fl">
                                    <img src="./images/1-专区页_02.png" alt="" class="img">
                                </div>
                                <p class="cfff fs16">特惠上新</p>
                                <p class="cfff">大牌限时折扣</p>
                            </div>
                        </div>
                    </div>
                    <!-- 右边 -->
                    <div class="adsR  fl clearfix">
                        <div class="til2 bgcfff">
                            <p class="f-24 fl clearfix">品牌活动<span class="f-12 ml">LUXURY&nbsp;CHANNREL</span></p>
                            <img src="./images/1-专区页_03.png" alt="" class="fr clearfix">
                        </div>
                        <div class="pic3">
                            <div class="box3">
                                <div class="boxmin3 fl">
                                    <img src="./images/1-专区页_02.png" alt="" class="img">
                                </div>
                                <p class="cfff fs16">特惠上新</p>
                                <p class="cfff">大牌限时折扣</p>
                            </div>
                        </div>
                    </div>

                    <!-- 广告底部 -->
                    <div class="adsB">
                        <ul class="clearfix">
                            <li><img src="./imgs/ias_156870227770045_570x273_90.jpg" alt=""></li>
                            <li><img src="./imgs/ias_156819366855749_570x273_90.jpg" alt=""></li>
                            <li><img src="./imgs/ias_156889898387685_570x273_90.jpg" alt=""></li>
                            <li><img src="./imgs/ias_156868995487248_570x273_90.jpg" alt=""></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 女装热销 -->
            <div class="wmWear">
                <div class="wearhead">
                    <div class="til2">
                        <img src="./images/1-专区页_01.png" alt="" class="fl clearfix">
                        <h1 class="fl clearfix">女装热销</h1>
                        <img src="./images/1-专区页_04.png" alt="" class="fl clearfix">
                    </div>
                    <p class="t-center c73 fs16">Ladies Fastion Hot Sell</p>
                </div>
                <div class="wearbtm clearfix">
                    <div class="wearL fl clearfix">
                        <img src="./images/1-专区页_11.png" alt="">
                        <ul>
                            <li>口红</li>
                            <li class="ml">女装</li>
                            <li>女包</li>
                            <li class="ml">卸妆洁面</li>
                        </ul>
                    </div>
                    <div class="wearM fl">
                        <ul>
                            <li><img src="./images/1-专区页_13.png" alt=""></li>
                            <li class="bgcfff">
                                <p class="f-18 f-w mg10">ONLY2019秋冬新款弹力女裤</p>
                                <div>
                                    <div class="fl">
                                        <p class="cred mb60">秋装上新款</p>
                                        <p class="f-18 ">￥179.00</p>
                                        <p class="f-12 line-through c73">￥230.00</p>
                                    </div>
                                    <div class="fr"><img src="./images/1-专区页_19.png" alt=""></div>
                                </div>
                            </li>
                            <li class="bgcfff">
                                <p class="f-18 f-w mg10">ONLY2019秋冬新款弹力女裤</p>
                                <div>
                                    <div class="fl">
                                        <p class="cred mb60">秋装上新款</p>
                                        <p class="f-18 ">￥179.00</p>
                                        <p class="f-12 line-through c73">￥230.00</p>
                                    </div>
                                    <div class="fr"><img src="./images/1-专区页_31.png" alt=""></div>
                                </div>
                            </li>
                            <li><img src="./images/1-专区页_28.png" alt=""></li>
                        </ul>
                    </div>
                    <div class="wearR fl clearfix">
                        <h1 class="f-18 mg10">女装销售<span class="f-12 c73 ml">爆买热款&nbsp;实时更新</span></h1>
                        <ul>
                            <li>
                                <h3 class="hide">1.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>2.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>3.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>4.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>5.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div class="">
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>6.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 男装热销 -->
            <div class="mWear">
                <div class="wearhead">
                    <div class="til2">
                        <img src="./images/1-专区页_01.png" alt="" class="fl clearfix">
                        <h1 class="fl clearfix">男装热销</h1>
                        <img src="./images/1-专区页_04.png" alt="" class="fl clearfix">
                    </div>
                    <p class="t-center c73 fs16">Ladies Fastion Hot Sell</p>
                </div>
                <div class="wearbtm clearfix">
                    <div class="wearL fl clearfix">
                        <img src="./images/1-专区页_36.png" alt="">
                        <ul>
                            <li>口红</li>
                            <li class="ml">女装</li>
                            <li>女包</li>
                            <li class="ml">卸妆洁面</li>
                        </ul>
                    </div>
                    <div class="wearM fl">
                        <ul>
                            <li><img src="./images/1-专区页_38.png" alt=""></li>
                            <li class="bgcfff">
                                <p class="f-18 f-w mg10">ONLY2019秋冬新款弹力女裤</p>
                                <div>
                                    <div class="fl">
                                        <p class="cred mb60">秋装上新款</p>
                                        <p class="f-18 ">￥179.00</p>
                                        <p class="f-12 line-through c73">￥230.00</p>
                                    </div>
                                    <div class="fr"><img src="./images/1-专区页_40.png" alt=""></div>
                                </div>
                            </li>
                            <li class="bgcfff">
                                <p class="f-18 f-w mg10">ONLY2019秋冬新款弹力女裤</p>
                                <div>
                                    <div class="fl">
                                        <p class="cred mb60">秋装上新款</p>
                                        <p class="f-18 ">￥179.00</p>
                                        <p class="f-12 line-through c73">￥230.00</p>
                                    </div>
                                    <div class="fr"><img src="./images/1-专区页_46.png" alt=""></div>
                                </div>
                            </li>
                            <li><img src="./images/1-专区页_44.png" alt=""></li>
                        </ul>
                    </div>
                    <div class="wearR fl clearfix">
                        <h1 class="f-18 mg10">女装销售<span class="f-12 c73 ml">爆买热款&nbsp;实时更新</span></h1>
                        <ul>
                            <li>
                                <h3 class="hide">1.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>2.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>3.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>4.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>5.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div class="">
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h3>6.乐町牛仔外套女19秋季新款短外套女</h3>
                                <div class="box4 hide">
                                    <img src="./images/1-专区页_14.png" alt="" class="fl mr15 clearfix">
                                    <div>
                                        <p class="mb20">乐町牛仔外套女19秋季新款短外套女</p>
                                        <p class="f-18">￥199.00</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 品牌专区 -->
            <div class="brand">
                <div class="wearhead">
                    <div class="til2">
                        <img src="./images/1-专区页_01.png" alt="" class="fl clearfix">
                        <h1 class="fl clearfix">品牌专区</h1>
                        <img src="./images/1-专区页_04.png" alt="" class="fl clearfix">
                    </div>
                    <p class="t-center c73 fs16">Ladies Fastion Hot Sell</p>
                </div>
                <div class="clearfix">
                    <img src="./images/1-专区页_52.png" alt="" class="fl">
                    <div class="brandR fl">
                        <h2 class="fs22">XX品牌</h2>
                        <p>
                            HLA JEANS更注重与年青一代的情感沟通，提出“不普通的普通人”的品牌主张，
                            鼓励年轻群体在生活之中坚持小自我，在平凡之中展现小个性，在平淡之中发
                            现小乐趣，活出自己的与众小不同。
                        </p>
                        <button>品牌特卖中>></button>
                    </div>
                </div>
                <div class="brandB clearfix">
                    <ul>
                        <li>
                            <img src="./images/1-专区页_55.png" alt="">
                            <button>
                                <img src="./images/1-专区页_64.png" alt="" class="fl">
                                <p>收藏品牌</p>
                            </button>
                            <p class="f-18 t-center mt8">GOLD&nbsp;SHARK</p>
                            <p class="t-center mt8 c9f">品质男装&nbsp;秋季上新</p>
                        </li>
                        <li>
                            <img src="./images/1-专区页_57.png" alt="">
                            <button>
                                <img src="./images/1-专区页_64.png" alt="" class="fl">
                                <p>收藏品牌</p>
                            </button>
                            <p class="f-18 t-center mt8">GOLD&nbsp;SHARK</p>
                            <p class="t-center mt8 c9f">品质男装&nbsp;秋季上新</p>
                        </li>
                        <li>
                            <img src="./images/1-专区页_60.png" alt="">
                            <button>
                                <img src="./images/1-专区页_64.png" alt="" class="fl">
                                <p>收藏品牌</p>
                            </button>
                            <p class="f-18 t-center mt8">GOLD&nbsp;SHARK</p>
                            <p class="t-center mt8 c9f">品质男装&nbsp;秋季上新</p>
                        </li>
                        <li>
                            <img src="./images/1-专区页_62.png" alt="">
                            <button>
                                <img src="./images/1-专区页_64.png" alt=""  class="fl">
                                <p>收藏品牌</p>
                            </button>
                            <p class="f-18 t-center mt8">GOLD&nbsp;SHARK</p>
                            <p class="t-center mt8 c9f">品质男装&nbsp;秋季上新</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 页脚 -->
        <div id="footer">
            <div class="ftop bgcfff">
                <div class="container">
                    <div class="service">
                        <ul>
                            <li>
                                <img src="./imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="" class="fl">
                                <div>
                                    <p class="f-20 f-w">正品保障</p>
                                    <p class="c73">正品行货&nbsp;放心选购</p>
                                </div>
                            </li>
                            <li>
                                <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="" class="fl">
                                <div>
                                    <p class="f-20 f-w">满86包邮</p>
                                    <p class="c73">满86&nbsp;免运费</p>
                                </div>
                            </li>
                            <li>
                                <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="" class="fl">
                                <div>
                                    <p class="f-20 f-w">售后无忧</p>
                                    <p class="c73">7天无理由退货</p>
                                </div>
                            </li>
                            <li>
                                <img src="./imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="" class="fl">
                                <div>
                                    <p class="f-20 f-w">准时送达</p>
                                    <p class="c73">收获时间由你做主</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <div class="introd fl clearfix">
                            <ul>
                                <li class="f-18 f-w">新手入门</li>
                                <li>购物流程</li>
                                <li>会员制度</li>
                                <li>订单查询</li>
                                <li>服务协议及隐私说明</li>
                                <li>网站地图</li>
                            </ul>
                            <ul>
                                <li class="f-18 f-w">支付方式</li>
                                <li>货到付款</li>
                                <li>网上支付</li>
                                <li>礼品卡支付</li>
                                <li>其他支付</li>
                            </ul>
                            <ul>
                                <li class="f-18 f-w">配送服务</li>
                                <li>配送进度查询</li>
                                <li>商品验货与签收</li>
                            </ul>
                            <ul>
                                <li class="f-18 f-w">相关规则</li>
                                <li>平台规则</li>
                                <li>退换货政策</li>
                                <li>发票制度</li>
                                <li>帮助中心</li>
                            </ul>
                        </div>
                        <div class="connect fr">
                            <ul>
                                <li>
                                    <p class="f-w">APP更优惠</p>
                                    <img src="./imgs/qryhd.png" alt="">
                                </li>
                                <li>
                                    <p class="f-w">加微信查订单</p>
                                    <img src="./imgs/qryhd.png" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fbtm container">
                <p>沪ICP备XXXXXXXXX号|经营证照|互联网药品信息服务资格证（沪）-经营性-2017-00-06|违法和不良信息举报电话：XXX-XXXXXXXX|沪B2-XXXXXXX|</p>
                <p>沪公网安备XXXXXXXXX号|友情链接|出版物经营许可证|增值电信业务经营许可证</p>
                <ul>
                    <li><img src="./imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt=""></li>
                    <li><img src="./imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt=""></li>
                    <li><img src="./imgs/f582260777c44b30.png" alt=""></li>
                    <li><img src="./imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt=""></li>
                    <li><img src="./imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt=""></li>
                    <li><img src="./imgs/7b46518a9d74a1d6.jpg" alt=""></li>
                </ul>
            </div>
        </div>

        <!-- 固定头部搜索框 -->
        <div id="fixedsearch">
            <div class="container" id="fbox"></div>
        </div>

        <!-- 下载 -->
        <div class="download bgcfff">
            <p class="t-center">下载APP</p>
            <img src="./imgs/qryhd.png" alt="" class="img3">
            <div>
                <img src="./imgs/购物车空.png" alt="" class="fl img4">
                <p>购&nbsp;物&nbsp;车</p>
            </div>
        </div>
        <script src="./js/division.js"></script>
</body>

</html>